<!DOCTYPE html>
<html lang="en">
<head>
    <#include "segment/header.html">
    <!-- 轮播图中使图片不变形 -->
    <style type="text/css">
        .carousel .zoomImage {
            width: 100%;
            height: 0;
            padding-bottom: 100%;
            overflow: hidden;
            background: no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
        }
        .carousel .imgHeight{
            height: 363px;
        }
    </style>
</head>
<body class="no-skin">
<#include "segment/navbar.html">
<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.loadState('main-container')
        } catch (e) {
        }
    </script>
    <div class="main-content">
        <div class="main-content-inner">
            <#include "segment/breadcrumbs.html">
            <#include "segment/sidebar.html">
            <div class="page-content">
                <div class="row">
                    <div class="col-md-7">
                        <div class="widget-box widget-color-blue">
                            <div class="widget-header">
                                <h5 class="widget-title">最新动态</h5>
                            </div>
                            <div class="widget-body">
                                <div class="widget-main">
                                    <ul class="list-unstyled spaced">
                                    <#list article as a>
                                        <li style="border-bottom: #acd6ff 1px dashed">
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            <span>【${a.category.name}】<a href="${basePath}/article/detail/${a.content.id}"><@t.cut a.content.title 37 /></a></span>
                                            <span class="pull-right">
                                                <i class="ace-icon fa fa-clock-o bigger-110"></i>
                                                ${a.content.publishDate?string("yyyy-MM-dd hh:mm:ss")}
                                            </span>
                                        </li>
                                    </#list>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="widget-box">
                            <div class="widget-body">
                                <div id="myCarousel" class="carousel" data-ride="carousel" data-interval="3000">
                                        <!-- 轮播（Carousel）指标 -->
                                        <ol class="carousel-indicators">
                                        	<#list contentFile as a>
                                        	<#if a_index=0>
	                                            <li data-target="#myCarousel" data-slide-to="${a_index}" class="active"></li>
	                                        <#else>
	                                            <li data-target="#myCarousel" data-slide-to="${a_index}"></li>
	                                        </#if>
	                                        </#list>
                                        </ol>
                                        <!-- 轮播（Carousel）项目 -->
                                        <div class="carousel-inner">
                                        	<#list contentFile as a>
                                        	<#if a_index=0>
	                                            <div class="item active imgHeight">
	                                                <div class="zoomImage" style="background-image:url(${basePath }${a.filePath[4..]})"></div>
	                                                <div class="carousel-caption">${a.title}</div>
	                                            </div>
                                            <#else>
	                                            <div class="item imgHeight">
	                                                <div class="zoomImage" style="background-image:url(${basePath }${a.filePath[4..]})"></div>
	                                                <div class="carousel-caption">${a.title}</div>
	                                            </div>
                                            </#if>
                                            </#list>
                                        </div>
                                        <!-- 轮播（Carousel）导航 -->
                                        <a class="left carousel-control" href="#myCarousel" role="button"
                                           data-slide="prev">
                                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                            <span class="sr-only">Previous</span>
                                        </a>
                                        <a class="right carousel-control" href="#myCarousel" role="button"
                                           data-slide="next">
                                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                            <span class="sr-only">Next</span>
                                        </a>
                                    </div>
                            </div>
                        </div>
                        <!-- /section:custom/widget-box.options.transparent -->
                    </div>
                </div><!-- /.row -->
                <div class="row">
                    <div class="col-md-4">
                        <div class="widget-box widget-color-blue">
                            <div class="widget-header">
                                <h5 class="widget-title">${category2.name}</h5>
                                <div class="widget-toolbar">
                                    <a data-action="settings" href="#"><i>更多</i></a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="widget-main">
                                    <ul class="list-unstyled spaced">
                                    <#list pageInfo2.list as a>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            <a href="${basePath}/article/detail/${a.id}"> <span><@t.cut a.title 17 /></span></a>
                                            <span class="pull-right">
                                                <i class="ace-icon fa fa-clock-o bigger-110"></i>
                                                ${a.publishDate?string("yyyy-MM-dd hh:mm:ss")}
                                            </span>
                                        </li> 
                                    </#list>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 widget-container-col">
                        <div class="widget-box widget-color-blue">
                            <div class="widget-header">
                                <h5 class="widget-title">${category1.name}</h5>
                                <div class="widget-toolbar">
                                    <a data-action="settings" href="#"><i>更多</i></a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="widget-main">
                                    <ul class="list-unstyled spaced">
                                    	<#list pageInfo1.list as a>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            <a href="${basePath}/article/detail/${a.id}"> <span><@t.cut a.title 17 /></span></a>
                                            <span class="pull-right">
                                                <i class="ace-icon fa fa-clock-o bigger-110"></i>
                                                ${a.publishDate?string("yyyy-MM-dd hh:mm:ss")}
                                            </span>
                                        </li>
                                        </#list>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 widget-container-col">
                        <div class="widget-box widget-color-blue">
                            <div class="widget-header">
                                <h5 class="widget-title">旅游部</h5>
                                <div class="widget-toolbar">
                                    <a data-action="settings" href="#"><i>更多</i></a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="widget-main">
                                    <ul class="list-unstyled spaced">
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            <a href="#"> <span>长阳职业教育中心...</span></a>
                                            <span class="pull-right">
                                                <i class="ace-icon fa fa-clock-o bigger-110"></i>
                                                2018-08-15 11:25:24
                                            </span>
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                        <li>
                                            <i class="ace-icon fa fa-bell-o bigger-110 purple"></i>
                                            长阳职业教育中心
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div><!-- /.main-content-inner -->
    </div><!-- /.main-content -->
    <#include "segment/footer.html">
</div><!-- /.main-container -->
    <#include "segment/scripts.html">
</body>
</html>